<!--
 * @Description: 
 * @Author: 客
 * @Date: 2024-11-14 08:40:43
 * @LastEditors: 客
 * @LastEditTime: 2024-11-14 09:27:58
 * 这课真牢啊
-->

<template>
  <div class="bg">
    <!-- 注册 -->
    <Reg v-if="flag" />
    <!-- 登录 -->
    <Login  v-else="!flag"/>
    <p v-if="flag" @click="changFlag" >已有账号 直接<a href="">登录</a></p>
    <p v-if="!flag" @click="changFlag" >没有账号 去<a href="">注册</a></p>

    <button @click="changFlag">{{ flag ? '去登录页面':'去注册页面' }}</button>
  </div>
</template>
<script setup>
import { ref } from 'vue';
  import Reg from './views/Reg.vue';
  import Login from './views/Login.vue';
  // flag为ture 为注册页面
  // flag为false 为登录页面
const flag = ref(true);
function changFlag(){
  flag.value = !flag.value;
}
</script>
<style >

</style>
